
/* 全局 */
html,body{overflow-x: hidden;font-size: 16px;line-height: 1.6;}
/* html body{margin-top: 61px;} */
html{background-color: #F2F2F2;}

i{font-style: normal;}


/* 辅助 */
a:hover{color: #009688; transition: all .3s;}
pre{white-space: pre;padding: 10px 15px; margin: 10px 0; font-size: 12px; border: 1px solid #eee;  background-color: #f8f8f8; font-family: Courier New; overflow-x: auto;}

.layui-container{padding: 0;}
.fly-main{width: 1079px; min-height: 600px; margin: 0 auto 15px;}
.layui-badge{height: 20px; line-height: 20px; border-radius: 2px;}

.fly-link{color: #01AAED;}
.fly-link:hover{color: #5FB878;}
.fly-grey{color: #999;}

.fly-msg, .fly-error{padding: 10px 15px; line-height: 24px;}
.fly-msg{background-color:#F8F8F8; color:#666;}
.fly-msg a{color:#4F99CF}
.fly-editbox{position: relative;}

.fly-marginTop{margin-top: 15px;}
.fly-mid{display: inline-block; height: 10px; width: 1px; margin: 0 10px; vertical-align: middle; background-color: #e2e2e2;}
.fly-right{position: absolute; right: 15px; top: 0;}

/* 过度 */
.fly-loading{position: absolute; top: 50%; left: 50%; margin: -12px 0 0 -15px; font-size: 30px; color: #c2c2c2;}

/* 简易编辑器 */
.fly-edit{position:relative; display: block; top: 1px; left:0;font-size: 0;  padding:0 10px; border: 1px solid #e6e6e6; border-radius: 2px 2px 0 0; background-color: #FBFBFB;}
.fly-edit span{cursor:pointer; padding:0 10px; line-height: 38px;color:#1E9FFF;font-size: 18px;}
.fly-edit span i{position: relative; padding-right: 6px; font-size: 18px;}
.fly-edit span:hover{color: #009E94;}
.layui-textarea{height: 270px;}

/* 编辑器块风格 */
.easyeditor-fangge{padding: 0;}
.easyeditor-fangge span{cursor:pointer; padding:0 10px; line-height: 38px; height: 38px;width: 30px;color:#1E9FFF;font-size: 18px;border-right: 1px solid #e6e6e6;display: inline-block;text-align: center;}
.easyeditor-fangge .fly-right{right: 0;}
.easyeditor-fangge .fly-right span:first-child{border-left: 1px solid #e6e6e6;}
.easyeditor-fangge .fly-right span:last-child{border-right: 0}
.easyeditor-fangge span:hover{color: #009E94;background-color: #f2f2f2;}

/* 引用 */
.easyeditor-content .layui-elem-quote{
	padding: 10px;
	border-left: 3px solid #009688;
}

/* 图片 */
.easyeditor-content img{
    max-width: 100%;
    cursor: pointer;
}

/* 视频 */
.easyeditor-content video{
    max-width: 100%;
    cursor: pointer;
}

/* 超链接 */
.easyeditor-content a {
    color: #01AAED;
}
.easyeditor-content a:hover {
    text-decoration: underline;
}
/* markdown样式 */
.easyeditor-content p{
	padding: 5px 0;
	margin-bottom: 0;
}
/* 列表样式 */
.easyeditor-content ul,
.easyeditor-content ol {
    padding: 10px 15px;
}
.easyeditor-content ul:first-child,
.easyeditor-content ol:first-child {
    margin-top: 0;
}
.easyeditor-content ul:last-child,
.easyeditor-content ol:last-child {
    margin-bottom: 0;
}
.easyeditor-content ul li{margin-top: 5px;}
.easyeditor-content>ol li{list-style: decimal;margin-top: 5px;}
.easyeditor-content li{list-style-type:decimal;}
/* 表格样式 */
.layui-table th{text-align: center;}

/* 分割线 */
.easyeditor-content hr {
    height: 2px;
    padding: 0;
    margin: 16px 0;
    background-color: #e7e7e7;
    border: 0 none;
    overflow: hidden;
    box-sizing: content-box;
}

/* 标题样式 */
.easyeditor-content > h1,
.easyeditor-content > h2,
.easyeditor-content > h3,
.easyeditor-content > h4,
.easyeditor-content > h5,
.easyeditor-content > h6 {
    position: relative;
    margin-top: 1rem;
    margin-bottom: 1rem;
    font-weight: bold;
    line-height: 1.4;
    cursor: text;
}

.easyeditor-content h1 {
    font-size: 30px;
}
.easyeditor-content h2 {
    font-size: 24px;
}
.easyeditor-content h3 {
    font-size: 18px;
}
.easyeditor-content h4,.easyeditor-content h5,.easyeditor-content h6 {
    font-size: 100%;
}

/* 单行列表 */
.fly-list-one .fly-panel-title{margin-bottom: 5px;}
.fly-list-one dd{margin: 0 15px; line-height: 26px; white-space: nowrap; overflow: hidden; list-style: decimal-leading-zero inside; *list-style-type: decimal inside; color: #009E94;}
.fly-list-one dd a,
.fly-list-one dd span{display: inline-block; *display: inline; *zoom: 1; vertical-align: top; font-style: normal}
.fly-list-one dd a{max-width: 85%; margin-right: 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px;}
.fly-list-one dd span{font-size: 12px; color: #ccc;}
.fly-list-one dd:last-child{padding-bottom: 5px;}

/* 面板 */
.easyeditor-panel{margin-bottom: 15px; margin-top: 15px; background-color: #fff; box-shadow: 0 1px 2px 0 rgba(0,0,0,.05);}
.easyeditor-panel[pad20]{padding: 20px;}
.easyeditor-panel-title{position: relative; height: 50px; line-height: 50px; padding: 0 15px; border-bottom: 1px dotted #E9E9E9; color: #333; border-radius: 2px 2px 0 0; font-size: 14px;}
.easyeditor-panel-main{padding: 10px 15px;}
.easyeditor-panel-border{border: 1px solid #e6e6e6; box-shadow: none;}
.easyeditor-panel-border .easyeditor-panel-title{border-bottom: 1px solid #e6e6e6;}

/* Detail页 */
.detail-box{padding: 20px;}

body .layui-edit-face{ border:none; background:none;}
body .layui-edit-face  .layui-layer-content{padding:0; background-color:#fff; color:#666; box-shadow:none}
.layui-edit-face .layui-layer-TipsG{display:none;}
.layui-edit-face ul{position:relative; width:372px; padding:10px; border:1px solid #D9D9D9; background-color:#fff; box-shadow: 0 0 20px rgba(0,0,0,.2);}
.layui-edit-face ul li{cursor: pointer; float: left; border: 1px solid #e8e8e8; height: 22px; width: 26px; overflow: hidden; margin: -1px 0 0 -1px; padding: 4px 2px; text-align: center;}
.layui-edit-face ul li:hover{position: relative; z-index: 2; border: 1px solid #eb7350; background: #fff9ec;}


@media screen and (max-width: 768px) {
	.fly-main{width: 100%;}

  /* 顶边距 */
  .fly-marginTop{margin-top: 0;}

  /* 头部 */
  .fly-header .fly-nav-user li .fly-nav-avatar{padding-right: 15px;}
  .fly-header .fly-nav-user{margin-right: 5px;}
  .fly-header .layui-nav .layui-nav-item a{padding: 0 10px;}

  /* 专栏 */
  .fly-column{height: auto;margin-top: 10px;}
  .fly-column ul{padding: 10px; font-size: 0;}
  .fly-column ul li{float: left; width: 33.33%; height: 36px; line-height: 36px; font-size: 14px; vertical-align: middle; text-align: center; box-sizing: border-box;}
  .fly-column-right{right: 10px;}
  .fly-column ul li.layui-this:after{display: none;}

  /* 页脚 */
  .fly-footer{margin-top: 0; border-top: none;}

  /* 分页 */
  .laypage-main a, .laypage-main span{display: none;}
  .laypage-main .laypage-prev,
  .laypage-main .laypage-curr,
  .laypage-main .laypage-next{display: inline-block;}

  /* 列表 */
  .fly-list li h2 a{max-width: 72%;}

  /* Detail 页 */
	.fly-admin-box{display: block; margin: 0; margin-top: 10px;}
	.fly-detail-info .fly-list-nums{top: -2px;}
	.fly-edit span{padding: 0 6px;}

  /* 案例 */
  .fly-case-list,
  .fly-case-list li{width: 100%;  -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; box-sizing: border-box !important;}
  .fly-case-img{text-align: center;}
  .fly-case-img img{max-width: 100%;}
  .fly-case-banner{width: 300px; margin-left: -150px;}

  body .fly-user-main{width: auto;}
  .fly-user-main>.layui-nav{left: -300px; transition: all .3s; -webkit-transition: all .3s;}
  .fly-user-main>.fly-panel-user{width: auto; margin-left: 0; transition: all .3s; -webkit-transition: all .3s;}
  .site-tree-mobile{display: block!important; position: fixed; z-index: 100000; bottom: 20px; left: 10px; width: 50px; height: 50px; line-height: 50px; border-radius: 2px; text-align: center; background-color: rgba(0,0,0,.7); color: #fff;}
  .site-mobile .site-tree-mobile{display: none !important;}
  .site-mobile .fly-user-main>.layui-nav{left: 0;}
  .site-mobile .site-mobile-shade{content: ''; position: fixed; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(0,0,0,.9); z-index: 999;}
}